<template>
	<view class="box">
		<view class="box1">
			<view class="gongshi1">大业美家分公司</view>
			<view class="rexian">
				<view class="line"></view>
				<view class="word">贵宾热线</view>
			</view>
			<view class="phone">
				<view v-for="(item,index) in phone" :key="index">
					{{item.text1}}{{item.text2}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone: [{
						text1: "北京：",
						text2: "400-100-1611"
					},
					{
						text1: "南京：",
						text2: "400-100-0619"
					},
					{
						text1: "武汉：",
						text2: "400-888-4798"
					},
					{
						text1: "济南：",
						text2: "400-656-8188"
					},
					{
						text1: "南宁：",
						text2: "400-606-6990"
					},
					{
						text1: "成都：",
						text2: "400-098-0999"
					},
					{
						text1: "郑州：",
						text2: "400-114-0371"
					},
					{
						text1: "沈阳：",
						text2: "400-094-6096"
					},
					{
						text1: "无锡：",
						text2: "400-668-7771"
					},
					{
						text1: "昆山：",
						text2: "400-051-2765"
					},
					{
						text1: "东莞：",
						text2: "400-154-6066"
					},
					{
						text1: "佛山：",
						text2: "400-861-3208"
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box {
		width: 100%;
		margin: 40px 0px 0 0;
		padding: 10px 0px;
		background-color: rgba(192, 192, 192, 0.4);
		margin-bottom: 10rpx;

		.box1 {
			width: 95%;
			text-align: center;
			margin: auto;

			.gongshi1 {
				margin-bottom: 10px;
				color: #4c4948;
			}

			.rexian {
				width: 100%;
				text-align: center;
				position: relative;

				.line {
					width: 40%;
					height: 2px;
					margin-left: 100px;
					background-color: silver;
				}

				.word {
					margin-left: 140px;
					position: absolute;
					top: -10px;
					color: #615f5e;
				}
			}

			.phone {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-top: 20px;
				line-height: 20px;
				color: #898786;

				view {
					width: 33%;
					font-size: 23rpx;
				}
			}
		}
	}
</style>